<script setup lang="ts">
import CommonConfig from "./CommonConfig.vue";
import { type FormDesignerComponents } from "../FormComponentMixin.ts";
const config = defineModel<FormDesignerComponents>("config");
</script>

<template>
  <CommonConfig v-model:config="config" />
  <el-form-item label="提示文字">
    <el-input v-model="config.props.placeholder" placeholder="输入提示" />
  </el-form-item>
  <el-form-item label="数据格式">
    <el-select v-model="config.props.format">
      <el-option label="年" value="YYYY" />
      <el-option label="年-月" value="YYYY-MM" />
      <el-option label="年-月-日" value="YYYY-MM-DD" />
      <el-option label="年-月-日 时" value="YYYY-MM-DD HH" />
      <el-option label="年-月-日 时:分" value="YYYY-MM-DD HH:mm" />
      <el-option label="年-月-日 时:分:秒" value="YYYY-MM-DD HH:mm:ss" />
    </el-select>
  </el-form-item>
  <el-form-item label="隐藏名称">
    <el-switch v-model="config.props.hideLabel" />
  </el-form-item>
  <el-form-item label="是否必填">
    <el-switch v-model="config.props.required" />
  </el-form-item>
</template>

<style lang="scss" scoped></style>
